آموزش برنامه های آفلاین-اول با Angular، Ionic، PouchDB و CouchDB [ویدئو]

سرفصل ها و درس ها

معرفی Introduction

• معرفی Introduction

• راه اندازی یونی Ionic Setup

• بررسی ساختار پروژه Ionic Ionic Project Structure Walkthrough

برنامه Quick First Todo ما Our Quick First Todo App

• یک برنامه سریع و آسان Todo 1 A Fast and Easy Todo App 1

• یک برنامه سریع و آسان Todo 2 A Fast and Easy Todo App 2

Julies - اولین برنامه آفلاین برای رستوران ها Julies - The Offline-First App for Restaurants

• برنامه Julies - مقدمه Julies App - Introduction

• طراحی صفحه نمایش - صفحه اصلی و سفارش Screen Design - Home and Order Screen

• صفحه اصلی با نمای کلی جدول Home Screen with Table Overview

PouchDB/CouchDB ادغام، چهار طرفه اتصال PouchDB / CouchDB Integration, Four-Way-Binding

• راه اندازی CouchDB Setting Up CouchDB

• یکپارچه سازی PouchDB PouchDB Integration

• چهار طرفه صحافی Four-Way-Binding

• قضیه CAP، سازگاری نهایی، به‌روزرسانی بهتر از واکشی است CAP-Theorem, Eventual Consistency, Update Is Better Than Fetch

• انتشار تغییرات از PouchDB Propagate Changes from PouchDB

استفاده از مدل ها، پیاده سازی صفحه جزئیات جدول و فرآیند سفارش Using Models, Implementing the Table Details Screen and the Ordering Process

• انواع/مدل ها Types / Models

• مدل های جزئیات جدول Table Details Models

• مشاهده محصولات مصرف شده Products Consumed View

• نمایش محصولات موجود برای سفارش Display Available Products for Ordering

• رفع اشکال: همان محصولات مصرف شده برای هر جدول Bugfix: Same Products Consumed for Every Table

• استایل دادن به نمای محصولات Styling the Products View

• رشته در مقابل رشته در تایپ اسکریپت String Versus String in Typescript

• محصول سفارش داده شده را به محصولات مصرف شده اضافه کنید Add Ordered Product to Consumed Products

• افزودن/حذف محصولات مصرف شده را در PouchDB و CouchDB ذخیره کنید Save Add / Delete of Consumed Products to PouchDB and CouchDB

• ایجاد اسناد در پایگاه داده برای جداول خالی Create Documents in the Database for Empty Tables

بازسازی مجدد پیاده سازی پایگاه داده Refactoring the Database Implementation

• Refactor: افزودن الگوی مخزن Refactor: Adding Repository Pattern

افزودن/حذف محصولات، ایجاد یک لوله مرتب سازی سفارشی Add/Remove Products, Creating a Custom Sorting Pipe

• افزودن/حذف محصولات Add / Remove Products

• OrderByPipe برای مرتب کردن آرایه تودرتو از اشیاء OrderByPipe to Sort Nested Array of Objects

صفحه پرداخت Payment Screen

• Ion-Fab-Button برای رفتن به صفحه پرداخت Ion-Fab-Button to Navigate to the Payment Screen

• پرداخت صفحه 01 Payment Page 01

• پرداخت صفحه 02 Payment Page 02

• پرداخت صفحه 03 Payment Page 03

• ایجاد سرویس برای تولید قبوض Creating a Service for Generating Bills

• Refactor: برای هر کاربر بدون بروزرسانی بیل جدیدی ایجاد کنید Refactor: Create New Bill for Every User without Update

صفحه نمایش آشپزخانه Kitchen View Screen

• نمای آشپزخانه Kitchen View

• استفاده از XState برای ایجاد یک ماشین حالت برای هر جدول Using XState to Create a State Machine for Every Table

• Styling را اجرا کنید و با State Machine ادامه دهید Implement Styling and Continue with State Machine

• اجرای انتقال حالت: قسمت 1 Implement State Transitions: Part 1

• اجرای انتقال حالت: قسمت 2 Implement State Transitions: Part 2

بهبود گردش کار پیشخدمت Improve Waiter Workflow

• بهبود گردش کار، مرتب سازی Improve Workflow, Sorting

• تغییرات را قبل از ذخیره آنها در پایگاه داده قابل مشاهده کنید Make Changes Visible before Storing Them in the Database

اشکال زدایی و استایل با استفاده از فونت های مختلف Debug and Styling Using Different Fonts

• چگونه اشکال زدایی کنیم How to Debug

• اضافه کردن فونت های سفارشی Adding Custom Fonts

CRUD برای محصولات و جداول CRUD for Products and Tables

• محصولات CRUD: قسمت 1 CRUD Products: Part 1

• محصولات CRUD: قسمت 2 CRUD Products: Part 2

• محصولات CRUD: قسمت 3 CRUD Products: Part 3

• جداول CRUD CRUD Tables

رفع آخرین اشکال - جداول پس از یک بار اشغال نمی توانند رایگان باشند Fix the Last Bug - Tables Cannot Be Free after Being Occupied Once

• انتقال از پولی به رایگان Transition from Paid to Free

مستندات Documentation

• ایجاد مستندات کد با استفاده از compodoc Generate Code Documentation Using compodoc

تست های واحد Unit Tests

• پایگاه داده برای تست های واحد را مسخره کنید Mock the Database for Unit Tests